.a-switch{
    width: 150px;
    height: 49.5px;
    border-radius: 25px;
    background-color: aqua;
    border: 5px solid aqua;
    box-sizing: border-box;
    position: relative;
    transition: all 1s;
    &-ball{
        width: 0;
        height: 0;
        padding: 20px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;  
        transition:all 1s;
    }
}

.a-switch-open{
    transform: translate(100px,0);
}

.a-switch-close{
    transform: translate(0,0);
}

.a-switch-openBgColor{
    background-color: aqua;
}

.a-switch-closeBgColor{
    background-color: blueviolet;
}